<!DOCTYPE html>
<html>
	<head>
		<title>转换工具</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/style.js"></script>
		
		<style type="text/css">
			html,body,#main{
				height:100%;
				width:100%;
				margin:0;
				overflow:hidden;
			}
			.anchorBL{display:none}
			.toolBox{
				border:2px solid #FFFFFF;
				background:#08304A;
				color:#FFFFFF;
				width:15%;
				height:90%;
				margin:1% 1% 1% 1%;
				padding:1% 1% 1% 1%;
				z-index:10;
				position:absolute;
				border-radius:10px;
				font-size:13px
			}
			.toolBox input[type="text"]{
				width:120px;
			}
			.toolBox input[type="file"]{
				width:200px;
			}
		</style>
	</head>
	<body>
		<div class="toolBox">
			中心城市名:</p>
			<input type="text" name="location" id="cityname"/> <input type="button" name="confirm" onclick="locateMap()" value="定位"/></p>
	    	选择文件(csv格式):</p>
	        <input type="file" name="file" id="file"/> <input type="button" value="转化" onclick="transformData()"/></p>
	        生成边界数据:</p>
	        <textarea id="pointsData" style="width:100%;height:600px"></textarea></p>
	        <a href="../index.jsp" >返回首页</a>
	    </div>
	    <div id="main"></div>
	</body>
	<script type="text/javascript" src="../js/transformTool.js"></script>
</html>